<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
 	 xmlns:h="http://java.sun.com/jsf/html"      
     xmlns:f="http://java.sun.com/jsf/core"
     xmlns:p="http://primefaces.org/ui"
     xmlns:ui="http://java.sun.com/jsf/facelets"
	 template="index.xhtml">
 <ui:define name="body">
 <script type="text/javascript">
	$(document).ready(function(){		
			$(".submenu-active").removeClass('submenu-active');
			$("#rapport").addClass('submenu-active');
		});

	</script>
  <f:view>
  <h:form > 
  <h1>Rapport</h1>
  
<table class="nostyle" >
        	<tr> 
            	<td><h3></h3><p:spacer width="300" height="5"></p:spacer></td>
                <td>
                	<h5>Les droits correspondant aux rapports sont gérés par rôle :</h5>
                	<br></br>
                	<br></br>
                	<p:commandButton  value="Ajouter un nouveau rôle "/>
                	<br></br>
                	<br></br>
                </td>
            </tr>
   </table>         
           <p:separator/>
  <table class="nostyle" >          
            <tr> 
            	<td><h3>Rôle</h3><p:spacer width="300" height="5"></p:spacer></td>
                <td>
                	<h5>Choisir un rôle :</h5><br></br>
                	
                	<p:selectOneMenu  required="true" styleClass="styledselect_form_1" >
                    
                                                            <f:selectItem itemLabel="Role 1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" itemValue="1" />  
                                                            <f:selectItem itemLabel="Role 2" itemValue="2" />  
                                                            <f:selectItem itemLabel="Role 3" itemValue="3" />  
                                                            <f:selectItem itemLabel="Employé" itemValue="4" />
                    
                    
                                     </p:selectOneMenu>
                	
                </td>
            </tr>
  </table>          
   		<p:separator/>
 <table class="nostyle" >  		
            <tr>  
                <td><h3>Gestion des droits</h3><p:spacer width="300" height="5"></p:spacer></td>
                <td> <h5>Sélectionner l’une des options suivantes pour le rôle choisi :</h5> 
                	<p:outputPanel id="customPanel" >  
                		<p:selectOneRadio id="customRadio"  layout="custom" styleClass="nostyle">  
                    		<f:selectItem itemLabel="J’ai accès à mes résultats et à ceux de mes collaborateurs" itemValue="op1" />  
                        	<f:selectItem itemLabel="J’ai accès à mes résultats, à ceux de mes collaborateurs et à ceux de mes collègues (même rang hiérarchique)  " itemValue="op2" />  
                        	<f:selectItem itemLabel="J’ai accès aux résultats de l’ensemble des salariés" itemValue="op3" />  
                     	</p:selectOneRadio> 
                     	<h:panelGrid columns="2" style="border:0" >  
					 		<p:radioButton id="Opt1" for="customRadio" itemIndex="0"/>  
					       		J’ai accès à mes résultats et à ceux de mes collaborateurs
							<p:radioButton id="opt2" for="customRadio" itemIndex="0"/>  
					        	J’ai accès à mes résultats, à ceux de mes collaborateurs et à ceux de mes collègues (même rang hiérarchique)
					    	<p:radioButton id="opt3" for="customRadio" itemIndex="0"/>  
					        	J’ai accès aux résultats de l’ensemble des salariés
					 	</h:panelGrid>  
                 	</p:outputPanel>  
                 	<br></br>
                	<br></br>
                 </td>
             </tr>
       </table>       
             <p:separator/>
    <table class="nostyle" >         
             <tr>
             	<td>
             		<h3>Types de rapport</h3><p:spacer width="300" height="5"></p:spacer> 
                </td>
                <td>
                        <h5>Choisir les types de rapports que vous souhaitez lui attribuer (plusieurs choix possibles) :   </h5>
                        <table class="nostyle">
                        	<tr>
                        	<h:panelGrid columns="2" style="margin-bottom:10px; cellpadding:5; border:0">  
        						<p:selectManyCheckbox value="#{formMB.selectedMovies}"  
            						layout="pageDirection" styleClass="nostyle">  
            						<f:selectItems value="#{formMB.movies}" />  
        						</p:selectManyCheckbox>  
  
    						</h:panelGrid>  
                        	</tr>
                        </table>
                </td>
             </tr> 
             
</table>
  
  
  </h:form>
  </f:view>



</ui:define>
</ui:composition>